<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="imgae/png" href="../../images/logo2.png">
    <script src="../../base/js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <title>订单信息</title>
    <link rel="stylesheet" href="orderList.css">
</head>
<body>
<div class="orderList">
    <div class="oreder_box">
        <div class="order_heard">
            <div>今天（周二）</div>
            <div><i class="glyphicon glyphicon-jpy"></i><span class="orderMoney">5000</span> 元</div>
        </div>
        <div class="order_context">
            <div class="oreder_context_info">
               所有者:  <img  src="../../images/tx.png" height="30" width="30" />
            </div>
            <div class="oreder_context_info">
                成交客户：<span class="costmer_name">湖南科职</span>
            </div>
            <div class="oreder_context_info">
                产品：<span class="order_name">前端培训</span>
            </div>
            <ul class="order_info">
                <li class="order_item">
                    订单编号:
                </li>
                <li class="order_item">

                </li>
                <li class="order_item">
                    订单数量:
                </li>
                <li class="order_item">

                </li>
                <li class="order_item">
                    订单总价:
                </li>
                <li class="order_item">

                </li>
            </ul>
        </div>
    </div>
    <div class="oreder_box">
        <div class="order_heard">
            <div>今天（周二）</div>
            <div><i class="glyphicon glyphicon-jpy"></i><span class="orderMoney">5000</span> 元</div>
        </div>
        <div class="order_context">
            <div class="oreder_context_info">
                所有者:  <img src="../../images/tx.png" height="30" width="30" class="imgPanle" />
            </div>
            <div class="oreder_context_info">
                成交客户：<span class="costmer_name">湖南科职</span>
            </div>
            <div class="oreder_context_info">
                产品：<span class="order_name">前端培训</span>
            </div>
            <ul class="order_info">
                <li class="order_item">
                    订单编号:
                </li>
                <li class="order_item">

                </li>
                <li class="order_item">
                    订单数量:
                </li>
                <li class="order_item">

                </li>
                <li class="order_item">
                    订单总价:
                </li>
                <li class="order_item">

                </li>
            </ul>
        </div>

    </div>
    <div class="oreder_box">
        <div class="order_heard">
            <div>今天（周二）</div>
            <div><i class="glyphicon glyphicon-jpy"></i><span class="orderMoney">5000</span> 元</div>
        </div>
        <div class="order_context">
            <div class="oreder_context_info">
                所有者:  <img src="../../images/tx.png" height="30" width="30" class="imgPanle"/>
            </div>
            <div class="oreder_context_info">
                成交客户：<span class="costmer_name">湖南科职</span>
            </div>
            <div class="oreder_context_info">
                产品：<span class="order_name">前端培训</span>
            </div>
            <ul class="order_info">
                <li class="order_item">
                    订单编号:
                </li>
                <li class="order_item">
22
                </li>
                <li class="order_item">
                    订单数量:
                </li>
                <li class="order_item">
   99
                </li>
                <li class="order_item">
                    订单总价:
                </li>
                <li class="order_item">
222222
                </li>
            </ul>
        </div>

    </div>

</div>
<ul class="pagination">
    <li><a href="#">&laquo;</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
</ul>
</body>
</html>